iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
Modern Web

前端入門學徒-30天學習心路系列 第 2

【Day2】軟體安裝&認識html結構

  • 分享至 

  • xImage
  •  

前言:在思考如何開啟學習前端之旅做了一些研究,由於目標是在架設一個完整的網站銷售平台,因此搜尋的網路課程以有完成作品為選取目標,而購買蘇朝輝老師在Udemy上的課程"給網頁設計初學者的一門課:html+css",另外也輔以MDN上面的相關資料。以重點提示作呈現,詳細的課程內容還需請大家看原始的資料課程。

  1. 下載安裝網頁編輯軟體 Sublime Text3
    步驟:到官網→下載自動偵測的格式→完成安裝
  2. 下載外掛程式: 請參考 http://oldblog.eddychang.me/blog/learning-lang/46-sublime-text-3-setup.html
  3. 了解html 基本架構
  <html>
    <head>
    <title>網頁標籤名稱</title>
    </head>
    <body>
    網頁的內容
    </body>
  </html> 
  1. 要在編輯軟體輸入的內容
   <!DOCTYPE html>
   <html lang="zh-Hant-TW">
   <head>
      <metra charset="UTF-8">
      <title>Document</title>
   </head>
   <body>
   
   </body>
   </html>

5.注意事項:

  • UTF-8: 是指國際通用碼,能避免產生亂碼
  • head標籤裡面的內容是不會顯示出來的
  • lang: 要改成zh-Hant-TW
  • meta標籤:跟搜尋排名有關,越清楚越好,且meta標籤沒有結尾

你的父母正在為你打拚,這就是你今天需要堅強走下去的理由。


上一篇
【Day1】簡介&學習規劃
下一篇
【Day3】插入連結&註解/<ul>&<li>/CSS選擇器+<div>
系列文
前端入門學徒-30天學習心路10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言